.test-class {
    background: url('') #faaf74;
}

.rgba {
    color: #f67a1780;
    background: rgb(246, 122, 23);
    transform: scale3d(246, 122, 23);
    color: rgba(246, 122, 23, 0.5);
}

.hsl {
    background: hsl(27, 92.531%, 52.745%);
    background: hsla(27, 92.531%, 52.745%, 0.5);
}

.c222 {
    background: #222 url("")
}

.c222223 {
    color: #222223;
    border-color: #22222350;
}


.rgba {
    color: #f67a1780;
    background: rgb(246, 122, 23);
    color: rgba(246, 122, 23, 0.5);
}

.c222 {
    color: #222
}

.c222223 {
    color: #222223;
    border-color: #22222350;
}

.el-tag {
    background-color: #fef2e8;
    display: inline-block;
    height: .32rem;
    padding: 0 .1rem;
    line-height: .3rem;
    font-size: .12rem;
    color: #f67a17;
    border: .01rem solid #fde4d1;
    border-radius: .04rem;
    box-sizing: border-box;
    white-space: nowrap
}

.el-tag.is-hit {
    border-color: #f67a17
}

.el-tag .el-tag__close {
    color: #f67a17
}

.el-tag .el-tag__close:hover {
    color: #fff;
    background-color: #f67a17
}

.el-tag.el-tag--info {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399
}

.el-tag.el-tag--info.is-hit {
    border-color: #909399
}

.el-tag.el-tag--info .el-tag__close {
    color: #909399
}

.el-tag.el-tag--info .el-tag__close:hover {
    color: #fff;
    background-color: #909399
}

.el-tag.el-tag--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a
}

.el-tag.el-tag--success.is-hit {
    border-color: #67c23a
}

.el-tag.el-tag--success .el-tag__close {
    color: #67c23a
}

.el-tag.el-tag--success .el-tag__close:hover {
    color: #fff;
    background-color: #67c23a
}

.el-tag.el-tag--warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #e6a23c
}

.el-tag.el-tag--warning.is-hit {
    border-color: #e6a23c
}

.el-tag.el-tag--warning .el-tag__close {
    color: #e6a23c
}

.el-tag.el-tag--warning .el-tag__close:hover {
    color: #fff;
    background-color: #e6a23c
}

.el-tag.el-tag--danger {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c
}

.el-tag.el-tag--danger.is-hit {
    border-color: #f56c6c
}

.el-tag.el-tag--danger .el-tag__close {
    color: #f56c6c
}

.el-tag.el-tag--danger .el-tag__close:hover {
    color: #fff;
    background-color: #f56c6c
}

.el-tag .el-icon-close {
    border-radius: 50%;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: .12rem;
    height: .16rem;
    width: .16rem;
    line-height: .16rem;
    vertical-align: middle;
    top: -.01rem;
    right: -.05rem
}

.el-tag .el-icon-close:before {
    display: block
}

.el-tag--dark {
    background-color: #f67a17;
    color: #fff
}

.el-tag--dark, .el-tag--dark.is-hit {
    border-color: #f67a17
}

.el-tag--dark .el-tag__close {
    color: #fff
}

.el-tag--dark .el-tag__close:hover {
    color: #fff;
    background-color: #f89545
}

.el-tag--dark.el-tag--info {
    background-color: #909399;
    border-color: #909399;
    color: #fff
}

.el-tag--dark.el-tag--info.is-hit {
    border-color: #909399
}

.el-tag--dark.el-tag--info .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
    color: #fff;
    background-color: #a6a9ad
}

.el-tag--dark.el-tag--success {
    background-color: #67c23a;
    border-color: #67c23a;
    color: #fff
}

.el-tag--dark.el-tag--success.is-hit {
    border-color: #67c23a
}

.el-tag--dark.el-tag--success .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
    color: #fff;
    background-color: #85ce61
}

.el-tag--dark.el-tag--warning {
    background-color: #e6a23c;
    border-color: #e6a23c;
    color: #fff
}

.el-tag--dark.el-tag--warning.is-hit {
    border-color: #e6a23c
}

.el-tag--dark.el-tag--warning .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
    color: #fff;
    background-color: #ebb563
}

.el-tag--dark.el-tag--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff
}

.el-tag--dark.el-tag--danger.is-hit {
    border-color: #f56c6c
}

.el-tag--dark.el-tag--danger .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
    color: #fff;
    background-color: #f78989
}

.el-tag--plain {
    background-color: #fff;
    border-color: #fbcaa2;
    color: #f67a17
}

.el-tag--plain.is-hit {
    border-color: #f67a17
}

.el-tag--plain .el-tag__close {
    color: #f67a17
}

.el-tag--plain .el-tag__close:hover {
    color: #fff;
    background-color: #f67a17
}

.el-tag--plain.el-tag--info {
    background-color: #fff;
    border-color: #d3d4d6;
    color: #909399
}

.el-tag--plain.el-tag--info.is-hit {
    border-color: #909399
}

.el-tag--plain.el-tag--info .el-tag__close {
    color: #909399
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
    color: #fff;
    background-color: #909399
}

.el-tag--plain.el-tag--success {
    background-color: #fff;
    border-color: #c2e7b0;
    color: #67c23a
}

.el-tag--plain.el-tag--success.is-hit {
    border-color: #67c23a
}

.el-tag--plain.el-tag--success .el-tag__close {
    color: #67c23a
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
    color: #fff;
    background-color: #67c23a
}

.el-tag--plain.el-tag--warning {
    background-color: #fff;
    border-color: #f5dab1;
    color: #e6a23c
}

.el-tag--plain.el-tag--warning.is-hit {
    border-color: #e6a23c
}

.el-tag--plain.el-tag--warning .el-tag__close {
    color: #e6a23c
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
    color: #fff;
    background-color: #e6a23c
}

.el-tag--plain.el-tag--danger {
    background-color: #fff;
    border-color: #fbc4c4;
    color: #f56c6c
}

.el-tag--plain.el-tag--danger.is-hit {
    border-color: #f56c6c
}

.el-tag--plain.el-tag--danger .el-tag__close {
    color: #f56c6c
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
    color: #fff;
    background-color: #f56c6c
}

.el-tag--medium {
    height: .28rem;
    line-height: .26rem
}

.el-tag--medium .el-icon-close {
    transform: scale(.8)
}

.el-tag--small {
    height: .24rem;
    padding: 0 .08rem;
    line-height: .22rem
}

.el-tag--small .el-icon-close {
    transform: scale(.8)
}

.el-tag--mini {
    height: .2rem;
    padding: 0 .05rem;
    line-height: .19rem
}

.el-tag--mini .el-icon-close {
    margin-left: -.03rem;
    transform: scale(.7)
}

.el-textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    font-size: .14rem
}

.el-textarea__inner {
    display: block;
    resize: vertical;
    padding: .05rem .15rem;
    line-height: 1.5;
    box-sizing: border-box;
    width: 100%;
    font-size: inherit;
    color: #606266;
    background-color: #fff;
    background-image: none;
    border: .01rem solid #dcdfe6;
    border-radius: .04rem;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-textarea__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-textarea__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-textarea__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-textarea__inner::placeholder {
    color: #c0c4cc
}

.el-textarea__inner:hover {
    border-color: #c0c4cc
}

.el-textarea__inner:focus {
    outline: none;
    border-color: #f67a17
}

.el-textarea .el-input__count {
    color: #909399;
    background: #fff;
    position: absolute;
    font-size: .12rem;
    bottom: .05rem;
    right: .1rem
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: #c0c4cc
}

.el-textarea.is-exceed .el-textarea__inner {
    border-color: #f56c6c
}

.el-textarea.is-exceed .el-input__count {
    color: #f56c6c
}

.el-input {
    position: relative;
    font-size: .14rem;
    display: inline-block;
    width: 100%
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width: .06rem
}

.el-input::-webkit-scrollbar:horizontal {
    height: .06rem
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: .05rem;
    width: .06rem;
    background: #b4bccc
}

.el-input::-webkit-scrollbar-corner, .el-input::-webkit-scrollbar-track {
    background: #fff
}

.el-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: .06rem
}

.el-input .el-input__clear {
    color: #c0c4cc;
    font-size: .14rem;
    cursor: pointer;
    transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-input .el-input__clear:hover {
    color: #909399
}

.el-input .el-input__count {
    height: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    color: #909399;
    font-size: .12rem
}

.el-input .el-input__count .el-input__count-inner {
    background: #fff;
    line-height: normal;
    display: inline-block;
    padding: 0 .05rem
}

.el-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: .04rem;
    border: .01rem solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: .4rem;
    line-height: .4rem;
    outline: none;
    padding: 0 .15rem;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-input__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-input__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-input__inner::placeholder {
    color: #c0c4cc
}

.el-input__inner:hover {
    border-color: #c0c4cc
}

.el-input__inner:focus {
    outline: none;
    border-color: #f67a17
}

.el-input__suffix {
    position: absolute;
    height: 100%;
    right: .05rem;
    top: 0;
    text-align: center;
    color: #c0c4cc;
    transition: all .3s;
    pointer-events: none
}

.el-input__suffix-inner {
    pointer-events: all
}

.el-input__prefix {
    position: absolute;
    left: .05rem;
    top: 0;
    color: #c0c4cc
}

.el-input__icon, .el-input__prefix {
    height: 100%;
    text-align: center;
    transition: all .3s
}

.el-input__icon {
    width: .25rem;
    line-height: .4rem
}

.el-input__icon:after {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.el-input__validateIcon {
    pointer-events: none
}

.el-input.is-active .el-input__inner {
    outline: none;
    border-color: #f67a17
}

.el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed
}

.el-input.is-exceed .el-input__inner {
    border-color: #f56c6c
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: #f56c6c
}

.el-input--suffix .el-input__inner {
    padding-right: .3rem
}

.el-input--prefix .el-input__inner {
    padding-left: .3rem
}

.el-input--medium {
    font-size: .14rem
}

.el-input--medium .el-input__inner {
    height: .36rem;
    line-height: .36rem
}

.el-input--medium .el-input__icon {
    line-height: .36rem
}

.el-input--small {
    font-size: .13rem
}

.el-input--small .el-input__inner {
    height: .32rem;
    line-height: .32rem
}

.el-input--small .el-input__icon {
    line-height: .32rem
}

.el-input--mini {
    font-size: .12rem
}

.el-input--mini .el-input__inner {
    height: .28rem;
    line-height: .28rem
}

.el-input--mini .el-input__icon {
    line-height: .28rem
}

.el-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.el-input-group > .el-input__inner {
    vertical-align: middle;
    display: table-cell
}

.el-input-group__append, .el-input-group__prepend {
    background-color: #f5f7fa;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: .01rem solid #dcdfe6;
    border-radius: .04rem;
    padding: 0 .2rem;
    width: .01rem;
    white-space: nowrap
}

.el-input-group__append:focus, .el-input-group__prepend:focus {
    outline: none
}

.el-input-group__append .el-button, .el-input-group__append .el-select, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select {
    display: inline-block;
    margin: -.1rem -.2rem
}

.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    border-top: 0;
    border-bottom: 0
}

.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
    font-size: inherit
}

.el-input-group__prepend {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.el-input-group__append {
    border-left: 0
}

.el-input-group--prepend .el-input__inner, .el-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

.el-input-group--append .el-input__inner {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

.el-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.el-switch {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: .14rem;
    line-height: .2rem;
    height: .2rem;
    vertical-align: middle
}

.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
    cursor: not-allowed
}

.el-switch__label {
    transition: .2s;
    height: .2rem;
    display: inline-block;
    font-size: .14rem;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    color: #303133
}

.el-switch__label.is-active {
    color: #f67a17
}

.el-switch__label--left {
    margin-right: .1rem
}

.el-switch__label--right {
    margin-left: .1rem
}

.el-switch__label * {
    line-height: 1;
    font-size: .14rem;
    display: inline-block
}

.el-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0
}

.el-switch__core {
    margin: 0;
    display: inline-block;
    position: relative;
    width: .4rem;
    height: .2rem;
    border: .01rem solid #dcdfe6;
    outline: none;
    border-radius: .1rem;
    box-sizing: border-box;
    background: #dcdfe6;
    cursor: pointer;
    transition: border-color .3s, background-color .3s;
    vertical-align: middle
}

.el-switch__core:after {
    content: "";
    position: absolute;
    top: .01rem;
    left: .01rem;
    border-radius: 100%;
    transition: all .3s;
    width: .16rem;
    height: .16rem;
    background-color: #fff
}

.el-switch.is-checked .el-switch__core {
    border-color: #f67a17;
    background-color: #f67a17
}

.el-switch.is-checked .el-switch__core:after {
    left: 100%;
    margin-left: -.17rem
}

.el-switch.is-disabled {
    opacity: .6
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
    left: .1rem
}

.el-switch--wide .el-switch__label.el-switch__label--right span {
    right: .1rem
}

.el-switch .label-fade-enter, .el-switch .label-fade-leave-active {
    opacity: 0
}

.el-color-predefine {
    display: -ms-flexbox;
    display: flex;
    font-size: .12rem;
    margin-top: .08rem;
    width: 2.8rem
}

.el-color-predefine__colors {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.el-color-predefine__color-selector {
    margin: 0 0 .08rem .08rem;
    width: .2rem;
    height: .2rem;
    border-radius: .04rem;
    cursor: pointer
}

.el-color-predefine__color-selector:nth-child(10n+1) {
    margin-left: 0
}

.el-color-predefine__color-selector.selected {
    box-shadow: 0 0 .03rem .02rem #f67a17
}

.el-color-predefine__color-selector > div {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    border-radius: .03rem
}

.el-color-predefine__color-selector.is-alpha {
    background-image: url()
}

.el-color-hue-slider {
    position: relative;
    box-sizing: border-box;
    width: 2.8rem;
    height: .12rem;
    background-color: red;
    padding: 0 .02rem
}

.el-color-hue-slider__bar {
    position: relative;
    background: linear-gradient(90deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
    height: 100%
}

.el-color-hue-slider__thumb {
    position: absolute;
    cursor: pointer;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: .04rem;
    height: 100%;
    border-radius: .01rem;
    background: #fff;
    border: .01rem solid #f0f0f0;
    box-shadow: 0 0 .02rem rgba(0, 0, 0, .6);
    z-index: 1
}

.el-color-hue-slider.is-vertical {
    width: .12rem;
    height: 1.8rem;
    padding: .02rem 0
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
    background: linear-gradient(180deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: .04rem
}

.el-color-svpanel {
    position: relative;
    width: 2.8rem;
    height: 1.8rem
}

.el-color-svpanel__black, .el-color-svpanel__white {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.el-color-svpanel__white {
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
}

.el-color-svpanel__black {
    background: linear-gradient(0deg, #000, transparent)
}

.el-color-svpanel__cursor {
    position: absolute
}

.el-color-svpanel__cursor > div {
    cursor: head;
    width: .04rem;
    height: .04rem;
    box-shadow: 0 0 0 .015rem #fff, inset 0 0 .01rem .01rem rgba(0, 0, 0, .3), 0 0 .01rem .02rem rgba(0, 0, 0, .4);
    border-radius: 50%;
    transform: translate(-.02rem, -.02rem)
}

.el-color-alpha-slider {
    position: relative;
    box-sizing: border-box;
    width: 2.8rem;
    height: .12rem;
    background: url()
}

.el-color-alpha-slider__bar {
    position: relative;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff);
    height: 100%
}

.el-color-alpha-slider__thumb {
    position: absolute;
    cursor: pointer;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: .04rem;
    height: 100%;
    border-radius: .01rem;
    background: #fff;
    border: .01rem solid #f0f0f0;
    box-shadow: 0 0 .02rem rgba(0, 0, 0, .6);
    z-index: 1
}

.el-color-alpha-slider.is-vertical {
    width: .2rem;
    height: 1.8rem
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff)
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: .04rem
}

.el-color-dropdown {
    width: 3rem
}

.el-color-dropdown__main-wrapper {
    margin-bottom: .06rem
}

.el-color-dropdown__main-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.el-color-dropdown__btns {
    margin-top: .06rem;
    text-align: right
}

.el-color-dropdown__value {
    float: left;
    line-height: .26rem;
    font-size: .12rem;
    color: #000;
    width: 1.6rem
}

.el-color-dropdown__btn {
    border: .01rem solid #dcdcdc;
    color: #333;
    line-height: .24rem;
    border-radius: .02rem;
    padding: 0 .2rem;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    font-size: .12rem
}

.el-color-dropdown__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
}

.el-color-dropdown__btn:hover {
    color: #f67a17;
    border-color: #f67a17
}

.el-color-dropdown__link-btn {
    cursor: pointer;
    color: #f67a17;
    text-decoration: none;
    padding: .15rem;
    font-size: .12rem
}

.el-color-dropdown__link-btn:hover {
    color: tint(#f67a17, 20%)
}

.el-color-picker {
    display: inline-block;
    position: relative;
    line-height: normal;
    height: .4rem
}

.el-color-picker.is-disabled .el-color-picker__trigger {
    cursor: not-allowed
}

.el-color-picker--medium {
    height: .36rem
}

.el-color-picker--medium .el-color-picker__trigger {
    height: .36rem;
    width: .36rem
}

.el-color-picker--medium .el-color-picker__mask {
    height: .34rem;
    width: .34rem
}

.el-color-picker--small {
    height: .32rem
}

.el-color-picker--small .el-color-picker__trigger {
    height: .32rem;
    width: .32rem
}

.el-color-picker--small .el-color-picker__mask {
    height: .3rem;
    width: .3rem
}

.el-color-picker--small .el-color-picker__empty, .el-color-picker--small .el-color-picker__icon {
    transform: translate3d(-50%, -50%, 0) scale(.8)
}

.el-color-picker--mini {
    height: .28rem
}

.el-color-picker--mini .el-color-picker__trigger {
    height: .28rem;
    width: .28rem
}

.el-color-picker--mini .el-color-picker__mask {
    height: .26rem;
    width: .26rem
}

.el-color-picker--mini .el-color-picker__empty, .el-color-picker--mini .el-color-picker__icon {
    transform: translate3d(-50%, -50%, 0) scale(.8)
}

.el-color-picker__mask {
    height: .38rem;
    width: .38rem;
    border-radius: .04rem;
    position: absolute;
    top: .01rem;
    left: .01rem;
    z-index: 1;
    cursor: not-allowed;
    background-color: hsla(0, 0%, 100%, .7)
}

.el-color-picker__trigger {
    display: inline-block;
    box-sizing: border-box;
    height: .4rem;
    width: .4rem;
    padding: .04rem;
    border: .01rem solid #e6e6e6;
    border-radius: .04rem;
    font-size: 0;
    position: relative;
    cursor: pointer
}

.el-color-picker__color {
    position: relative;
    display: block;
    box-sizing: border-box;
    border: .01rem solid #999;
    border-radius: .02rem;
    width: 100%;
    height: 100%;
    text-align: center
}

.el-color-picker__color.is-alpha {
    background-image: url()
}

.el-color-picker__color-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.el-color-picker__empty {
    color: #999
}

.el-color-picker__empty, .el-color-picker__icon {
    font-size: .12rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.el-color-picker__icon {
    display: inline-block;
    width: 100%;
    color: #fff;
    text-align: center
}

.el-color-picker__panel {
    position: absolute;
    z-index: 10;
    padding: .06rem;
    box-sizing: content-box;
    background-color: #fff;
    border: .01rem solid #ebeef5;
    border-radius: .04rem;
    box-shadow: 0 .02rem .12rem 0 rgba(0, 0, 0, .1)
}

.series-primary[data-v-8c1482da] {
    background: #f67a17
}

.series-3[data-v-8c1482da] {
    background: #f9a25d
}

.series-5[data-v-8c1482da] {
    background: #fbbd8b
}

.custom-color[data-v-8c1482da] {
    background: #0cdd3a
}

.custom-color2[data-v-8c1482da] {
    background: #c655dd
}

nav[data-v-8c1482da] {
    padding: .1rem;
    width: 2.6rem;
    display: inline-block
}

h2[data-v-8c1482da] {
    margin-top: .3rem
}

@font-face {
    font-family: my-app-icon;
    src: url(data:font/woff2;base64,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) format("woff2"), url(data:font/woff;base64,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) format("woff"), url(data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJAIE+/AAABjAAAAFZjbWFw6zkSNQAAAfwAAAGoZ2x5ZsV/HFUAAAO0AAAGBGhlYWRloUTOAAAA4AAAADZoaGVhCm0GiAAAALwAAAAkaG10eBYiAAAAAAHkAAAAGGxvY2EFgALqAAADpAAAAA5tYXhwASQBfgAAARgAAAAgbmFtZXHjkJIAAAm4AAACOnBvc3QA9xriAAAL9AAAAGMAAQAAA+gAAAAABoIAAP//BoMAAQAAAAAAAAAAAAAAAAAAAAYAAQAAAAEAADwew3xfDzz1AAsD6AAAAAAAAAAAAAAAAAAAAAAAAAAABoMD6QAAAAgAAgAAAAAAAAABAAAABgFyABQAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEDsAGQAAUAAAQhArwAAACMBCECvAAAAeAAMQECAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQOoB6gUD6AAAAFoD6QAAAAAAAQAAAAAAAAAAAAAGggAAA+gAAAPoAAAD6AAAA+gAAAAAAAUAAAADAAAALAAAAAQAAAFcAAEAAAAAAFYAAwABAAAALAADAAoAAAFcAAQAKgAAAAQABAABAADqBf//AADqAf//AAAAAQAEAAAAAQACAAMABAAFAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAABMAAAAAAAAAAUAAOoBAADqAQAAAAEAAOoCAADqAgAAAAIAAOoDAADqAwAAAAMAAOoEAADqBAAAAAQAAOoFAADqBQAAAAUAAAAAABAANgJuArQDAgAAAAEAAAAABoMD6AAEAAARIRElBQaD/L78vwPo/BjMzAAAAgAAAAADqgPpABMAFwAAEzM1NDYyFhUXITU0NjIWHQEzFSEVIREhP30kNCQBAXckNCV9/JUDa/yVA2s/GSUlGj4/GSUlGj67P/3OABQAAAAAA+cDNAAZACwAPwBPAFoAfwCoAKwAsQC4AQMBBwELASwBNAFDAUcBSwFjAXEAAAEnFhcGByMXHgEHAxYHNj8BJi8BFxYXNzYmJT4BFwUmNSUWFycmJyYGBwMWFwElJiMiBzMFFjsBMTY3NQYjIiMlLgE/AQYjBwYVFBYfATY3FwYPASc3FxYXFjcnByc3Bg8BJzY3JzcXJicXMxYVFwcGBxUWHwE2NxcGBxUXByYnNzY3JwcXBwYHFhcHJic1BgcjJzY3Jj0BFScGByc2PwEXNxcHFwcGBzcnNycHFxQXNj8BJicXBxYfAgcnBgcWFwcmJxcGByc2NyYnFzcWFzY3JwYHMScHJx8BBycHFw4BLwIXFjY3JwcGByc+ATc1JzcXLwE3FzY3FwYHFwc2NxcGDwEnBxc3JwcXByYvASYnFSYnMSYnNycHFwcGBxc2FhcWFzMWHwE3JicXNyYnMQcWFzcVFwcOAS8BNRcWPwEnByc3FzcnBxc3Jz8BJzcnBycHFwcnBxcHJwcXNyc3FzcnNwcGDwE3JwcXBwYHFzY3A8V+JyIPEgFRCAoDTwYECgUiBgIBBAYGKQUS/JgDEAgCvgX9ZwgJAyEMEBwERAgMAzr+9SQoDw4BAW8EBQECCQUHAgP8xggKAwwIDwkCEQ63HA/tBw0H3A4QAgoIE5IbFxkIEAQBNBgxBxsBAwEYAxUGDRkBAgILCwoKDQoTBgihCQcgDSwFEh0RGBMYEh4iAQYhGQ8IESsOJBAYOAgYCDcDCQ0BSQwgDhgNFg6ODBEBFBQHlywGCw0SBgUUBAQBFRoHHBMGCQEQBgUNBxQNEwUBHQEiBjAEKgsSDg4BDwcGBRoGDRIJDxMGFgYiAhYUFwUEFwQGHA8ZERULBj8iAyILIgMiCAkVGBIPCQYCAho0Bh0UEBgMGwwDCA4BERhpDBEPAqwOEhUWChV6GgMQDBUTCAICTAoYMUsETAxMBEyQBT0EFwQ7BTsDMQUxA0MFnQVDAzQFNAR8BAYPHDoGIxkCCAMjFwJNIxYEBQMWAhEI/s8YFAsNgwUODQMEA6USIMIJCgPBCBC2CgcBDA4CEhD++gMD/shKBwFkAgYTAQTkAhAJLgImBgYOGAQzAwhBAwgFPRMFDQMBBuFkBmAFCwIbICUNFggVEwMXFAUUGRcBAQUDBwwSCwYBFhEVExMODQkxDBYlFhcUExYaARAEGgMNICUGAQNEKRciO10QHgcdDwwYFAEFMQkwHxwcERkuHRkBCyAWDw0XAysdEiQMHxgKGA0XDB0WFAMMDg4aFwUUDgsCCA0KFQ4LDC0TBAQWBAIJEQcJEQoVCRkPAQUVCQ0HSgYJCQkIBwg7HCsKFAoLCg0JKgkMCrIDBgcFCwEJDAQBYw4XCEsFGhUdAggRCQkHHRcDBQGMGxcNHRUMTiFmDAkDBhgHAwkKFCgGVxUPFTEUDhVmFBAQBg8RFBENDhQODBIVKxUSDQ4TDwxqAwQJbRAYCWAJAxkODwAAAgAAAAAD6QPoABQAKAAAASIHBgcGEBcWFxYgNzY3NhAnJicmEwEGIi8BJjQ2Mh8BATYyFzEWFAcB9Ih0cUNERENxdAEQdHFDRERDcXRr/tQHEwaaBw0TB4oBHAcTBgcHA+hEQ3F0/vB0cUNERENxdAEQdHFDRP6b/tMGBpoHEw0HigEdBwcHEgcAAAADAAAAAAPoA+gAFwAbADEAAAEiBwYHBhAXFhcWMzEyNzY3NhAnJicmIxcDIwMTBiMiJicmNTcxNDc2OwExMhcWFRQGAfSIdHFDRERDcXSIiHRxQ0REQ3F0iDoXTRlzGB0QFwsXARYUHQEfFhQLA+hEQ3F0/vB0cUNERENxdAEQdHFDRJb+AAIA/U4UCQsTHQIfExQRFR4PHAAAAAAAABAAxgABAAAAAAABAAsAAAABAAAAAAACAAcACwABAAAAAAADAAsAEgABAAAAAAAEAAsAHQABAAAAAAAFAAsAKAABAAAAAAAGAAsAMwABAAAAAAAKACsAPgABAAAAAAALABMAaQADAAEECQABABYAfAADAAEECQACAA4AkgADAAEECQADABYAoAADAAEECQAEABYAtgADAAEECQAFABYAzAADAAEECQAGABYA4gADAAEECQAKAFYA+AADAAEECQALACYBTm15LWFwcC1pY29uUmVndWxhcm15LWFwcC1pY29ubXktYXBwLWljb25WZXJzaW9uIDEuMG15LWFwcC1pY29uR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AbQB5AC0AYQBwAHAALQBpAGMAbwBuAFIAZQBnAHUAbABhAHIAbQB5AC0AYQBwAHAALQBpAGMAbwBuAG0AeQAtAGEAcABwAC0AaQBjAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAbQB5AC0AYQBwAHAALQBpAGMAbwBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgECAQMBBAEFAQYBBwAIYm9va21hcmsIY2FsZW5kYXIPc3RhdGUtYmVpbnZpdGVkB3N1Y2Nlc3MHd2FybmluZwAAAA==) format("truetype");
    font-weight: 400;
    font-style: normal
}

[class*=" my-icon"], [class^=my-icon] {
    font-family: vant-icon, my-app-icon, icoflaginfo !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal
}

.my-icon-bookmark:before {
    content: "\ea01"
}

.my-icon-calendar:before {
    content: "\ea02"
}

.my-icon-state-beinvited:before {
    content: "\ea03"
}

.my-icon-success:before {
    content: "\ea04"
}

.my-icon-warning:before {
    content: "\ea05"
}

.primay-color {
    color: #f67a17
}

html {
    font-size: 26.66667vw !important
}

@media (min-width: 768px) {
    html {
        font-size: 625% !important
    }
}

body {
    font-size: .14rem
}

body, html {
    height: 100%
}

body {
    background: #f0f4f5
}

body, ul {
    margin: 0
}

ul {
    padding-left: 0
}

li {
    list-style: none
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 400
}

a {
    cursor: pointer;
    text-decoration: none
}

div, nav, p, section {
    box-sizing: border-box
}

body, button, input, select, textarea {
    font-family: Microsoft YaHei, PingFang SC, Hiragino Sans GB, -apple-system, Arial
}

.full, .full-ctn {
    height: 100%;
    width: 100%
}

.full-ctn {
    position: relative
}

.vfull-head {
    z-index: 1
}

.vfull-body, .vfull-head {
    position: absolute;
    top: 0;
    width: 100%
}

.vfull-body {
    height: 100%;
    box-sizing: border-box
}

.vfull-foot {
    position: absolute;
    bottom: 0;
    width: 100%
}

.hfull-left {
    z-index: 1
}

.hfull-body, .hfull-left {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.hfull-body {
    width: 100%;
    box-sizing: border-box
}

.hfull-right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.lined {
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewbox="0,0,1,1"><line y1="100%" x1="0" y2="100%" x2="9999" stroke="#ccc" fill="none"/></svg>');
    min-height: .01rem
}

.pre {
    white-space: pre-wrap;
    line-height: 1.1em;
    word-break: break-all
}

.hide {
    display: none
}

.hide_v {
    visibility: hidden
}

.inlnb {
    display: inline-block
}

.no-border {
    border: none
}

.bordered {
    border: .01rem solid #ddd;
    border-radius: .04rem
}

.pointer {
    cursor: pointer
}

.lay-tbl {
    display: table
}

.lay-cell {
    display: table-cell;
    vertical-align: middle
}

.left {
    float: left
}

.right {
    float: right
}

.clearfix {
    clear: both
}

.clearfix-child:after {
    content: "";
    clear: both;
    display: block
}

.b-center {
    margin: auto
}

.t-left {
    text-align: left
}

.t-center {
    text-align: center
}

.flex-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.t-right {
    text-align: right
}

.v-top {
    vertical-align: top
}

.v-middle {
    vertical-align: middle
}

.v-bottom {
    vertical-align: bottom
}

.w100 {
    width: 100%
}

.h100 {
    height: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis, .nowrap {
    white-space: nowrap
}

.auto-bar {
    overflow: auto
}

.pd-10 {
    padding: .1rem
}

.mg-10 {
    margin: .1rem
}

.global-mask {
    background: transparent
}

::-webkit-scrollbar {
    border-radius: .08rem;
    width: .06rem;
    height: .06rem
}

::-webkit-scrollbar-track {
    background: linear-gradient(90deg, #efefef, #fff 78%, #efefef)
}

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
    border-radius: .08rem;
    -webkit-box-shadow: inset 0 0 .03rem rgba(0, 0, 0, .3)
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg, #e3b68f, #ffe3a6 48%, #e3b68f)
}

::-webkit-scrollbar-thumb:vertical {
    background: linear-gradient(90deg, #e3b68f, #ffe3a6 48%, #e3b68f)
}

.c222 {
    color: #222;
    border: 1px #ADF solid;;
}
